<script>
import { h, toRef, ref } from "vue";
export default {
  setup(props) {
    const counter = ref(0);
    return () => {
      return h("div", {}, [
        h("h2", {}, counter.value),
        h(
          "button",
          {
            onClick: () => counter.value++,
          },
          "自增"
        ),
        h(
          "button",
          {
            onClick: () => counter.value--,
          },
          "自减"
        ),
      ]);
    };
  },
  // render() {
  //   return h("h1", { class: "render" }, [
  //     this.title,
  //     h("button",{
  //       onClick:()=>{
  //         this.title+=1
  //       }
  //     },'改变title')
  //   ]);
  //   // 第一个参数为html元素类型s
  //   // 第二个  为att属性  比如class id
  // },
};
</script>

<style></style>
